<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="layout.tld" prefix="e"%>

<e:override name="title">文章</e:override>
<e:override name="more_style">
	<style>
.feedback-box {
	background-color: #83ACC6;
	border-right: 1px solid #D3E3F0;
	bottom: 60%;
	opacity: 0.6;
	padding: 1px 0;
	position: fixed;
	right: 0;
	width: 20px;
}

.feedback-box:hover {
	background-color: #558BC6;
	border-right: 1px solid #BFD6E6;
	opacity: 1;
}

.feedback-box:hover a {
	border-left-color: #558BC6;
}

.feedback-box a {
	background:
		url("http://www.thinksaas.cn/plugins/pubs/feedback/feed-back.png")
		no-repeat 3px 70px;
	border-left: 1px solid #83ACC6;
	color: #FFFFFF !important;
	display: block;
	margin-left: -1px;
	padding: 4px 4px 24px;
	text-decoration: none;
}
</style>
	<style>
.footertip {
	position: fixed;
	z-index: 200;
	padding: 10px 0;
	width: 100%;
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.75);
	color: #FFF;
	font-size: 18px;
	text-align: center;
	bottom: 0;
	font-family: 微软雅黑;
}
</style>
</e:override>
<e:override name="Screen">
	<div class="container">

		<ol class="breadcrumb">
			<li><a href="/user/index">首页</a></li>
			<li class="active">文章</li>
		</ol>

		<div class="row">

			<e:block name="content_left">
				<div class="col-md-8">
					<div class="bbox">
						<div class="btitle">最新文章</div>
						<div class="bc">
							<div class="clist">
								<ul>
									<c:forEach var="msg" items="${page.list}">
										<li>

											<div class="title">
												<a
													href="<c:url value="/message/showArticle/${msg.messId}"/>">${msg.title}</a>
											</div>

											<div class="info">
												<a href="http://www.thinksaas.cn/user/space/10001/">${msg.user.username}</a>
												${msg.publishDate}
											</div>

											<div class="content">
												${msg.content} ... (<a
													href="<c:url value="/message/showArticle/${msg.messId}"/>">查看全文</a>)
											</div>

											<div class="cate tar">
												来自：<a href="###">web前端</a>
												(1)推荐 (1)评论
											</div>
											<div class="clear"></div>
											<hr>
										</li>
									</c:forEach>
								</ul>
							</div>

							<div class="page">


								<a
									href="<c:url value="/message/showArticleToHome?pageIndex=1" />">首页</a>
								<a
									href="<c:url value="/message/showArticleToHome?pageIndex=${page.previousPage}" />"
									class="btn <c:if test="${hasPreviousPage}">disabled</c:if>">上一页</a>
								<span class="current">${page.pageIndex}</span> <a
									class="btn <c:if test="${hasNextPage}">disabled</c:if>"
									href="<c:url value="/message/showArticleToHome?pageIndex=${page.nextPage}" />">下一页</a>
								<a
									href="<c:url value="/message/showArticleToHome?pageIndex=${page.totalPage }" />"
									title="尾页">尾页&raquo;</a> <span class="current">共${page.totalPage}
									页</span>
							</div>
						</div>
					</div>


				</div>
			</e:block>


			<div class="col-md-4">

				<a class="btn btn-info btn-block btn-lg"
					href="<c:url value="/message/toEidtArticle" />"> <span
					class="glyphicon glyphicon-plus-sign"></span> 写文章
				</a>
				<p></p>


				<div class="bbox">
					<div class="btitle">文章分类</div>

					<div class="bc">

						<ul class="nav nav-pills nav-stacked" role="tablist">
							<li role="presentation"><a
								href="###">互联网资讯</a></li>
							<li role="presentation"><a
								href="###">移动开发</a></li>
							<li role="presentation"><a
								href="###">web前端</a></li>
							<li role="presentation"><a
								href="###">编程语言</a></li>
							<li role="presentation"><a
								href="###">开源软件</a></li>
							<li role="presentation"><a
								href="###">数据库</a></li>
							<li role="presentation"><a
								href="###">操作系统</a></li>
							<li role="presentation"><a
								href="###">行业应用</a></li>
							<li role="presentation"><a
								href="###">研发管理</a></li>
							<li role="presentation"><a
								href="###">企业架构</a></li>
							<li role="presentation"><a
								href="###">非技术</a></li>
							<li role="presentation"><a
								href="###">标签</a></li>

						</ul>

					</div>

				</div>


				<div class="bbox">
					<div class="btitle">推荐阅读</div>
					<div class="bc">
						<div class="commlist">
							<ul>
								<li><a href="###">苹果iOS或将进入汽车
										Siri可发语音指令</a></li>
							</ul>
						</div>
					</div>
				</div>

				<div class="bbox">
					<div class="btitle">一周热门</div>
					<div class="bc">
						<div class="commlist">
							<ul>
							</ul>
						</div>
					</div>
				</div>

				<div class="bbox">
					<div class="btitle">一月热门</div>
					<div class="bc">
						<div class="commlist">
							<ul>
								<li><a href="###">去哪儿网前端架构师司徒正美：如何挑选适合的前端框架？</a></li>
								<li><a href="###">Web框架Wee
										2.3.0发布</a></li>
								<li><a href="###">网页动画的十二原则</a></li>
								<li><a href="###">优雅与可用性的平衡：网页设计中的极简主义</a></li>
								<li><a href="###">【探秘ES6】系列专栏：ES6简介</a></li>
								<li><a href="###">2015年需要了解的前端框架和语言</a></li>
								<li><a href="###">火狐浏览器禁止运行Flash</a></li>
								<li><a href="####">七牛资深前端工程师马逸清：前端测试探索实践</a></li>
								<li><a href="###">8个精美的jQuery相册插件赏析</a></li>
								<li><a href="###">哪些日常的习惯会使你成为一个更好的开发者？</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</e:override>
<%@include file="/base.jsp"%>